<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org" >
<head>
    <meta charset="UTF-8" />
    <title>发现</title>
    <link rel="stylesheet" href="../static/bootstrap.min.css" th:href="@{/webjars/bootstrap/3.3.5/css/bootstrap.css}" />
    <script type="text/javascript" src="../static/jquery-1.9.1.min.js" th:src="@{webjars/jquery/1.9.1/jquery.min.js}"></script>
    <script type="text/javascript" src="../static/bootstrap.min.js" th:src="@{/webjars/bootstrap/3.3.5/js/bootstrap.js}"></script>
    <style type="text/css">
        .h10{
            width: 100%;
            height:10px;
        }
        .contin{
            width:80%;
            margin: 0 auto;
        }

        .top{
            padding-left: 15%;

        }
        img{
            display: block;
            width: 200px;
            height:150px;
        }
    </style>

</head>
<body>
<div th:replace="bar::#nav(activeUri='find.html')"></div>
<div class="h10"> </div>
<div class="contin">
    <div class="row top">
        <div class="col-md-8">
            <ul class="nav nav-tabs" role="tablist">
                <li role="presentation" class="active"><a href="#find" aria-controls="find" role="tab" data-toggle="tab">行业资讯</a></li>
                <li role="presentation"><a href="#active" aria-controls="acrive" role="tab" data-toggle="tab">研究院动态</a></li>
                <li role="presentation"><a href="#learn" aria-controls="learn" role="tab" data-toggle="tab">学习园地</a></li>
                <li role="presentation"><a href="#inve" aria-controls="inve" role="tab" data-toggle="tab">问卷调查</a></li>
            </ul>
            <div class="tab-content">
                <!--行业资讯-->
                <div role="tabpanel" class="tab-pane fade in active" id="find">
                    <div class="row" th:each="article : ${articles}">
                        <div class="col-md-3">
                            <img src="../resources/image/test02.jpg" th:src="@{/image/test02.jpg}"/>
                        </div>
                        <div class="col-md-9">
                            <a href="#" th:text="${article.title}"> 该产品可广泛应用于国防、科研、工业控制等领域，适K40-1型固体点火模块，符合GJB1515A-2001《固体</a>
                            <p th:text="${'来源: '+article.from}">来源：成都日报</p>
                            <p th:text="${'日期: '+article.createdate}">日期：2018-5-11</p>
                        </div>
                    </div>
                </div>
                <!--研究院动态-->
                <div role="tabpanel" class="tab-pane fade" id="active">
                    <div class="row" th:each="research : ${researchs}">
                        <div class="col-md-3">
                            <img src="../resources/image/test02.jpg" th:src="@{/image/test02.jpg}"/>
                        </div>
                        <div class="col-md-9">
                            <a href="#" th:text="${research.title}"> 该产品可广泛应用于国防、科研、工业控制等领域，适K40-1型固体点火模块，符合GJB1515A-2001《固体</a>
                            <p th:text="${'来源: '+research.from}">来源：成都日报</p>
                            <p th:text="${'日期: '+research.createdate}">日期：2018-5-11</p>
                        </div>
                    </div>
                </div>
                <!--学习园地-->
                <div role="tabpanel" class="tab-pane fade " id="learn">
                    <div class="row" th:each="learn : ${learns}">
                        <div class="col-md-3">
                            <img src="../resources/image/test02.jpg" th:src="@{/image/test02.jpg}"/>
                        </div>
                        <div class="col-md-9">
                            <a href="#" th:text="${learn.title}"> 该产品可广泛应用于国防、科研、工业控制等领域，适K40-1型固体点火模块，符合GJB1515A-2001《固体</a>
                            <p th:text="${'来源: '+learn.from}">来源：成都日报</p>
                            <p th:text="${'日期: '+learn.createdate}">日期：2018-5-11</p>
                        </div>
                    </div>
                </div>
                <!--调查问卷-->
                <div role="tabpanel" class="tab-pane fade" id="inve">
                    <image src="../resources/image/invi.png" th:src="@{/image/invi.png}"></image>
                    <a href="#">北京调查文件</a>
                    <image src="../resources/image/invi.png" th:src="@{/image/invi.png}"></image>
                    <a href="#">北京调查文件</a>
                </div>
            </div>
        </div>

        <div class="col-md-4">
            <div class="row">
                <div class="col-md-6">
                    <input type="text" class="form-control" placeholder="关键字搜索" />
                </div>
                <div class="col-md-4">
                    <button type="button" class="btn btn-default">搜索</button>
                </div>
            </div>
        </div>

    </div>
</div>


</body>
</html>